<template>
  <el-container class="m-take">
    <el-header style="height: 70px;">
      <PbHeader>
      </PbHeader>
    </el-header>
    <el-main>
      <div class="take-head-wrapper">
        <TakeHeader></TakeHeader>
      </div>
      <div class="take-list-wrapper">
        <TakeList></TakeList>
      </div>
    </el-main>
    <el-footer>
      <PbFoot>
      </PbFoot>
    </el-footer>
  </el-container>
</template>

<script>
  import '@/assets/take/take.styl'
  import PbHeader from '@/components/pub/head/head.vue'
  import TakeHeader from '@/components/take/head/head.vue'
  import TakeList from '@/components/take/list/list.vue'
  import PbFoot from '@/components/pub/foot/foot.vue'

  export default {
    components: {
      PbHeader,
      TakeHeader,
      TakeList,
      PbFoot
    }
  }
</script>
